<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../css/element.css" rel="stylesheet"/>
    <link href="../css/styleindex.css" rel="stylesheet"/>
    <style>

    </style>
</head>
<body style="background: #EFF0F4;">

  <div class="mui-content">
    <div id="vm" class="x-examok" v-cloak>
      <div class="x-header-g" id="header">
        <a class="x-header-arrow" @click="closeuseradmintabs"></a>
        <div class="x-header-t">值班计划检查</div>
      </div>
    </div>
  </div>

  <script type="text/javascript" src="../script/vue.js"></script>
  <script type="text/javascript" src="../script/element.js"></script>
  <script type="text/javascript" src="../script/api.js"></script>
  <script type="text/javascript" src="../script/base.js"></script>
	<script>
apiready = function () {
  $api.fixIos7Bar($api.byId('header'))
  var iostoph = api.safeArea.top+35;
  api.addEventListener({
    name: 'keyback'
  }, function(ret, err) {
    vm.closeuseradmintabs()
  });


    //
    var vm = new Vue({
      el:'#vm',
      data(){
        return{

        }
      },
      created:function() {
        var that=this;


      },
      mounted:function(){
        var that=this;
        that.NVNavigationBar_open(0)
      },
      methods: {
        //
        closeuseradmintabs:function(){
          api.closeFrameGroup({
              name: 'openinplancheckgroupframe'
          });
          api.closeFrame({
              name: 'inplancheck'
          });
        },
        //
        NVNavigationBar_open:function(frameGroupIndex){
          var NVNavigationBar = api.require('NVNavigationBar');
          NVNavigationBar.open({
                rect: {
                      x: 0,
                      y: iostoph,
                      w: api.winWidth,
                      h: 44
                },
                styles: {
                    orientation: 'horizontal',
                    bg: '#fff',
                    bgAlpha: 1,
                    font: {
                        size: 16,
                        sizeSelected: 18,
                        color: '#303030',
                        colorSelected: '#058142',
                        bold:true
                    },
                    itemSize: {
                        w: api.winWidth/3,
                        h: 44
                    }
                },
                items: [{
                    title: '值班计划追踪',
                    bgSelected:'widget://image/line1.png',
                    bg: '#fff',
                }, {
                    title: '值班检查',
                    bg: '#fff',
                    bgSelected:'widget://image/line1.png',
                },{
                    title: '值班总结',
                    bgSelected:'widget://image/line1.png',
                    bg: '#fff',
                }],
                selectedIndex: frameGroupIndex,
                fixedOn: api.frameName,
                fixed: true,
                id: 'first',
                // itemTextPaddingLR:10
            }, function(ret, err) {
              // console.log(JSON.stringify(ret));
                if (ret.eventType == 'click') {
                    api.execScript({
                        Name: 'inlistduty',
                        script: 'fnsetFrameGroupIndex("openinplancheckgroupframe","' + ret.index + '");'
                    });
                }
            });
        },
      }
    })
}
  function fnNvnsetSelected(index){
      var NVNavigationBar = api.require('NVNavigationBar');
      NVNavigationBar.setSelected({
          id: 'first',
          index: index,
          selected: true
      }, function(ret) {

      });
  }

	</script>
</body>
</html>
